@font-face {font-family: 'iconfont';
    src: url('iconfont/iconfont.eot'); /* IE9*/
    src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*******************基本样式*****************/
body {background-color: #4d50b7; width:100%; margin: 0; color: #fff;}
//body {background-color: #fff; width:100%; margin: 0;}
.clear {content: ""; display: block; height: 0; clear: both;}
.main {width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px;}

/********************HEAD********************/
.head {font-size: 28px; width: 100%; text-align: center; margin-top: 20px;}
.head-left {float: left; font-size: 35px; font-weight: bold;}
.head-right {float: right; font-size: 30px;}

/*******************VOICE & CHANNEL*******************/
.voice {width: 70%; border: solid 1px #fff; border-radius:30px; margin: 30px auto 0 auto; text-align: center; font-size: 35px; padding: 8px 0 8px 0;}
.voice-subtract {float: left; margin-left: 14px;}
.voice-add {float: right; margin-right: 14px;}

/******************MIDDLE CONTROL*******************/
.middle {width: 40%; border: solid 1px #fff; border-radius: 60px; margin: 50px auto 0 auto; padding: 18px; font-size: 30px;}
.middle-top {text-align: center;}
.middle-left {float: left;}
.middle-right {float: right;}
.middle-bottom {text-align: center;}
.middle-middle {height: 50px; margin-top: 12px; text-align: center;}

/****************BOTTOM*************************/
.bottom {width: 70%; margin: 50px auto 0 auto; font-size: 45px; text-align: center;}
.bottom-home {float: left;}
.bottom-menu {}
.bottom-back {float: right;}
